<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>学无止境</title>
<meta name="keywords" content="html5,div,css,个人博客,个人网站,个人博客模板,个人网站模板" />
<meta name="description" content="杨青个人博客网站,一个站在web前段设计之路的女技术员个人博客网站，提供个人博客，个人网站div+css源码分享" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="__CSS__/public.css" rel="stylesheet">
<link href="__CSS__/index.css" rel="stylesheet">
</head>
<body>
<script>
window.onload = function ()
{
	var oH2 = document.getElementsByTagName("h2")[0];
	var oUl = document.getElementsByTagName("ul")[0];
	oH2.onclick = function ()
	{
		var style = oUl.style;
		style.display = style.display == "block" ? "none" : "block";
		oH2.className = style.display == "block" ? "open" : ""
	}
}
</script>
{include file="public/header"}
<article>
  <div class="leftbox">
    <div class="newblogs">
      <h2 class="hometitle"><span>不要轻易放弃。学习成长的路上，我们长路漫漫，只因学无止境。</span>学无止境</h2>
      <ul>



        <li>
          <h3 class="blogtitle"><a href="/jstt/css3/2018-03-26/812.html" target="_blank" >帝国cms 首页或者列表无图，不使用默认图片的方法</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/css3/2018-03-26/812.html" title="帝国cms 首页或者列表无图，不使用默认图片的方法"><img src="/d/file/jstt/css3/2018-03-26/1947ff2e6fe896f6feef0cecf5d53725.png" alt="帝国cms 首页或者列表无图，不使用默认图片的方法" /></a></span>
            <p>帝国cms列表页图文展示，或者首页图文展示，如果使用全图和文字，编辑起来比较麻烦，因为每一篇文章，你都得花时间去配图，所以，可有使用以下方法来实现。<br />
 <br />
...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/css3/" title="css3" target="_blank"  class="classname">css3</a></span><span class="dtime f_l">2018-03-26</span><span class="viewnum f_l">浏览（<a href="/">6</a>）</span><span class="f_r"><a href="/jstt/css3/2018-03-26/812.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/css3/2018-03-25/811.html" target="_blank" >别让这些闹心的套路，毁了你的网页设计</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/css3/2018-03-25/811.html" title="别让这些闹心的套路，毁了你的网页设计"><img src="/d/file/jstt/css3/2018-03-25/393d21b65031dd0d85eb2e5789a97b1e.jpg" alt="别让这些闹心的套路，毁了你的网页设计" /></a></span>
            <p>网页设计和做人一样，需要少一些套路，多一些真诚。那么下面就为大家揭穿那些看似好用，但用户体验并不好的设计模式。另外再附上解决办法，避免网页设计中出现这些问题。...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/css3/" title="css3" target="_blank"  class="classname">css3</a></span><span class="dtime f_l">2018-03-25</span><span class="viewnum f_l">浏览（<a href="/">125</a>）</span><span class="f_r"><a href="/jstt/css3/2018-03-25/811.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/css3/2018-03-24/810.html" target="_blank" >帝国cms自动设置标题图片选用文章第一张图片</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/css3/2018-03-24/810.html" title="帝国cms自动设置标题图片选用文章第一张图片"><img src="/d/file/jstt/css3/2018-03-24/d657e883e062b8369378e0cb9d65faf7.jpg" alt="帝国cms自动设置标题图片选用文章第一张图片" /></a></span>
            <p>帝国cms设置默认自动选取第一张上传图为标题图片,很多时候需要添加一个单独的标题图片并没有那么多的时间。这里告诉大家一个最简单的添加标题图片的方法。<br />
首先打开帝国cm...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/css3/" title="css3" target="_blank"  class="classname">css3</a></span><span class="dtime f_l">2018-03-24</span><span class="viewnum f_l">浏览（<a href="/">80</a>）</span><span class="f_r"><a href="/jstt/css3/2018-03-24/810.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/web/2018-03-20/809.html" target="_blank" >帝国cms关键词和tags标签自动同步方法</a></h3>
          <div class="bloginfo">
            <p>帝国cms怎么让tags标签同步网站设置的关键词?大家肯定都发现了一个问题：网站安装完帝国cms后，后台默认是关键词和Tags标签不同步的，简单的来，发布文章的时候在关键词处填...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/web/" title="网站建设" target="_blank"  class="classname">网站建设</a></span><span class="dtime f_l">2018-03-20</span><span class="viewnum f_l">浏览（<a href="/">303</a>）</span><span class="f_r"><a href="/jstt/web/2018-03-20/809.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/css3/2018-03-20/808.html" target="_blank" >十条设计原则教你学会如何设计网页布局!</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/css3/2018-03-20/808.html" title="十条设计原则教你学会如何设计网页布局!"><img src="/d/file/jstt/css3/2018-03-20/718b56be9dbf920cc0a6124545216654.jpg" alt="十条设计原则教你学会如何设计网页布局!" /></a></span>
            <p>网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧....</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/css3/" title="css3" target="_blank"  class="classname">css3</a></span><span class="dtime f_l">2018-03-20</span><span class="viewnum f_l">浏览（<a href="/">399</a>）</span><span class="f_r"><a href="/jstt/css3/2018-03-20/808.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/css3/2018-03-14/806.html" target="_blank" >用js+css3来写一个手机栏目导航</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/css3/2018-03-14/806.html" title="用js+css3来写一个手机栏目导航"><img src="/d/file/jstt/css3/2018-03-14/16860bbd3a76dbb2a37edcfc02368a92.png" alt="用js+css3来写一个手机栏目导航" /></a></span>
            <p>有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打开,那直接就不响应了.我一直都喜欢用简单的代码来实现,js,css3利用的好,同样可以做出好看实用的导航,关键是代码极少.现在我把步骤分享出来...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/css3/" title="css3" target="_blank"  class="classname">css3</a></span><span class="dtime f_l">2018-03-14</span><span class="viewnum f_l">浏览（<a href="/">395</a>）</span><span class="f_r"><a href="/jstt/css3/2018-03-14/806.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/css3/2018-03-14/805.html" target="_blank" >6条网页设计配色原则,让你秒变配色高手</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/css3/2018-03-14/805.html" title="6条网页设计配色原则,让你秒变配色高手"><img src="/d/file/jstt/css3/2018-03-14/ddf18301abb89953d1fedf8cd1b7fe72.png" alt="6条网页设计配色原则,让你秒变配色高手" /></a></span>
            <p>网页设计好不好看,颜色是毋庸置疑要排首位的,所以关于颜色的搭配技巧以及原则,对于每一个要学习web前端设计的新手来说,这都是一个重要的学习过程.在本教程中我们将与你分享...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/css3/" title="css3" target="_blank"  class="classname">css3</a></span><span class="dtime f_l">2018-03-14</span><span class="viewnum f_l">浏览（<a href="/">229</a>）</span><span class="f_r"><a href="/jstt/css3/2018-03-14/805.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/web/2018-03-07/802.html" target="_blank" >野草云怎么样？香港CN2 VPS，美国CERA VPS，香港虚拟主机</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/web/2018-03-07/802.html" title="野草云怎么样？香港CN2 VPS，美国CERA VPS，香港虚拟主机"><img src="/d/file/jstt/web/2018-03-07/d5f683d486689a1bf0012fdacc49e3e9.jpg" alt="野草云怎么样？香港CN2 VPS，美国CERA VPS，香港虚拟主机" /></a></span>
            <p>许多小伙伴都愁于建站备案等一系列繁琐的事情,加上等待周期较长,至少都要十天左右,所以选择了国外空间.前段时间有一网友要做模板,着急马上就要做好,他说他要买香港空间,我还挺担心他选择香港空间,会影响传数据什么的.结果后来事实证明,我的担心是多余的....</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/web/" title="网站建设" target="_blank"  class="classname">网站建设</a></span><span class="dtime f_l">2018-03-07</span><span class="viewnum f_l">浏览（<a href="/">297</a>）</span><span class="f_r"><a href="/jstt/web/2018-03-07/802.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/web/2017-10-21/790.html" target="_blank" >如何导入帝国模板组</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/web/2017-10-21/790.html" title="如何导入帝国模板组"><img src="/d/file/jstt/web/2017-10-21/b302a8449f562f5701ee0740d2392976.png" alt="如何导入帝国模板组" /></a></span>
            <p>1、下载模板组2、上传html文件夹到skin文件夹里面，然后重命名html文件夹，改成20173、进入后台-模板-模板组管理-导入/导出模板组(a)导入模板组,选择文件(b)模板编码目前是...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/web/" title="网站建设" target="_blank"  class="classname">网站建设</a></span><span class="dtime f_l">2017-10-21</span><span class="viewnum f_l">浏览（<a href="/">2042</a>）</span><span class="f_r"><a href="/jstt/web/2017-10-21/790.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/css3/2017-08-08/787.html" target="_blank" >三步实现滚动条触动css动画效果</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/css3/2017-08-08/787.html" title="三步实现滚动条触动css动画效果"><img src="/d/file/jstt/css3/2017-08-08/a1fbdb8105f82ea04993f2dbbeacf29a.jpg" alt="三步实现滚动条触动css动画效果" /></a></span>
            <p>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/css3/" title="css3" target="_blank"  class="classname">css3</a></span><span class="dtime f_l">2017-08-08</span><span class="viewnum f_l">浏览（<a href="/">8138</a>）</span><span class="f_r"><a href="/jstt/css3/2017-08-08/787.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/bj/2017-07-13/784.html" target="_blank" >【心路历程】请不要在设计这条路上徘徊啦</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/bj/2017-07-13/784.html" title="【心路历程】请不要在设计这条路上徘徊啦"><img src="/d/file/jstt/bj/2017-07-13/1ba28e77a69208501de15d82eafe7431.jpg" alt="【心路历程】请不要在设计这条路上徘徊啦" /></a></span>
            <p> 我整理了一下网友给我的来信，如果你还在踌躇不前，不妨来看看，到底要不要坚持下去！我也欢迎大家给我来信，希望能帮到更多人。...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/bj/" title="心得笔记" target="_blank"  class="classname">心得笔记</a></span><span class="dtime f_l">2017-07-13</span><span class="viewnum f_l">浏览（<a href="/">7962</a>）</span><span class="f_r"><a href="/jstt/bj/2017-07-13/784.html" class="more">阅读原文>></a></span></div>
        </li>





        <li>
          <h3 class="blogtitle"><a href="/jstt/web/2015-07-03/749.html" target="_blank" >帝国cms首页、自定义页面如何实现分页</a></h3>
          <div class="bloginfo"><span class="blogpic"><a href="/jstt/web/2015-07-03/749.html" title="帝国cms首页、自定义页面如何实现分页"><img src="http://www.yangqq.com/d/file/jstt/web/2015-07-03/eac4a19833a725165124519f1a05aa80.png" alt="帝国cms首页、自定义页面如何实现分页" /></a></span>
            <p>帝国cms首页以及自定义页面如何实现分页，添加如下js代码即可复制以下代码：&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset=&quot;gb2312&quot;&gt;&lt;title&gt;www.yangqq.com&lt;/title&gt;&lt;meta name...</p>
          </div>
          <div class="autor"><span class="lm f_l"><a href="/jstt/web/" title="网站建设" target="_blank"  class="classname">网站建设</a></span><span class="dtime f_l">2015-07-03</span><span class="viewnum f_l">浏览（<a href="/">30618</a>）</span><span class="f_r"><a href="/jstt/web/2015-07-03/749.html" class="more">阅读原文>></a></span></div>
        </li>



      </ul>
      <div class="pagelist"><a title="Total record">&nbsp;<b>147</b> </a>&nbsp;&nbsp;&nbsp;<b>1</b>&nbsp;<a href="/jstt/index_2.html">2</a>&nbsp;<a href="/jstt/index_3.html">3</a>&nbsp;<a href="/jstt/index_4.html">4</a>&nbsp;<a href="/jstt/index_5.html">5</a>&nbsp;<a href="/jstt/index_6.html">6</a>&nbsp;<a href="/jstt/index_2.html">下一页</a>&nbsp;<a href="/jstt/index_13.html">尾页</a></div>
    </div>
  </div>
  <div class="rightbox">
    <div class="search">
      <form action="/e/search/index.php" method="post" name="searchform" id="searchform">
        <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字'}" type="text">
        <input name="show" value="title" type="hidden">
        <input name="tempid" value="1" type="hidden">
        <input name="tbname" value="news" type="hidden">
        <input name="Submit" class="input_submit" value="搜索" type="submit">
      </form>
    </div>
    <div class="paihang">
      <h2 class="ab_title"><a href="/">本栏推荐</a></h2>
      <ul>
        <li><b><a href="/jstt/css3/2018-03-20/808.html" target="_blank">十条设计原则教你学会如何设计网页布局!30...</a></b>
          <p>网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户...</p>
        </li>
        <li><b><a href="/jstt/css3/2018-03-14/806.html" target="_blank">用js+css3来写一个手机栏目导航30...</a></b>
          <p>有些站长说想做一个手机适应的网站,但是导航太难了,如果要使用框架的话,代码非常多,冗余.再用dreamwear打...</p>
        </li>
        <li><b><a href="/jstt/css3/2018-03-14/805.html" target="_blank">6条网页设计配色原则,让你秒变配色高手30...</a></b>
          <p>网页设计好不好看,颜色是毋庸置疑要排首位的,所以关于颜色的搭配技巧以及原则,对于每一个要学习web前端设...</p>
        </li>
        <li><b><a href="/jstt/css3/2017-08-08/787.html" target="_blank">三步实现滚动条触动css动画效果30...</a></b>
          <p>现在很多网站都有这种效果，我就整理了一下，分享出来。利用滚动条来实现动画效果，ScrollReveal.js 用于...</p>
        </li>
        <li><b><a href="/jstt/bj/2017-07-13/784.html" target="_blank">【心路历程】请不要在设计这条路上徘徊啦30...</a></b>
          <p> 我整理了一下网友给我的来信，如果你还在踌躇不前，不妨来看看，到底要不要坚持下去！我也欢迎大家给我来...</p>
        </li>
        <li><b><a href="/jstt/bj/2015-01-09/740.html" target="_blank">【匆匆那些年】总结个人博客经历的这四年…30...</a></b>
          <p>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也...</p>
        </li>
      </ul>
      <div class="ad"><img src="/skin/2018/images/ad300x100.jpg"></div>
    </div>
    <div class="paihang">
      <h2 class="ab_title"><a href="/">点击排行</a></h2>
      <ul>
               <li><b><a href="/jstt/bj/2015-01-09/740.html" target="_blank">【匆匆那些年】总结个人博客经历的这四年…30...</a></b>
          <p>博客从最初的域名购买，到上线已经有四年的时间了，这四年的时间，有笑过，有怨过，有悔过，有执着过，也...</p>
        </li>
               <li><b><a href="/jstt/bj/2013-07-28/530.html" target="_blank">如果要学习web前端开发，需要学习什么？30...</a></b>
          <p>遇到很多新手，都会问，如果要学习web前端开发，需要学习什么？难不难？多久能入门？怎么能快速建一个网站...</p>
        </li>
               <li><b><a href="/jstt/web/2014-01-18/644.html" target="_blank">我的个人博客之——阿里云空间选择30...</a></b>
          <p>之前服务器放在电信机房， 联通用户访问速度很不稳定，经常出现访问速度慢的问题，换到阿里云解决了之前的...</p>
        </li>
               <li><b><a href="/jstt/bj/2014-11-06/732.html" target="_blank">分享我的个人博客访问量如何做到IP从10到600的(图文)30...</a></b>
          <p>我的个人博客总共展示了三个版本，界面也经历了由“简单”到“复杂”再到“简单”，颜色从“色泽单一”到...</p>
        </li>
               <li><b><a href="/jstt/bj/2014-10-18/731.html" target="_blank">帝国cms常用标签调用方法总结（不得不收藏哦）30...</a></b>
          <p>整理了一些常用的帝国cms调用，灵动标签和万能标签的调用方法举例。幻灯片、标题、一级栏目、二级栏目、带...</p>
        </li>
               <li><b><a href="/jstt/web/2015-02-25/745.html" target="_blank">【已评选】给我模板PSD源文件，我给你设计HTML！30...</a></b>
          <p>只要你有PSD模板（原创）即可参与评选活动！集思广益，各位爱好设计的小伙伴们，拿出你们最得意的作品，曾...</p>
        </li>
             </ul>
      <div class="ad"><img src="/skin/2018/images/ad01.jpg"></div>
    </div>
{include file="public/wechat"}
</article>
{include file="public/footer"}
</body>
</html>